<section class="box">
  <header class="panel_header">
    <h2 class="title pull-left">{{cat.catName  | categoryName}} {{'类目品牌排行榜'|translate}}<b class="date pl5">{{vm.date | dateFormat}}</b></h2>
     <div class="pull-right">
      <a class='right' mat-raised-button color="primary" (click)="export()">{{'下载'|translate}}</a>
    </div>
  </header>
  <div class="content-body" style="position: relative;">
    <ngx-busy [busy]="busy"></ngx-busy>
    <table class="responsive-table striped table-brands">
      <thead>
        <tr>
          <th class="rankTh">{{'排名' |translate}}</th>
           <th *ngFor="let column of columns;let $index = index" st-sort [st-sort]="column" [st-sort-data]="param" (sortChanged)="sortChanged($event)"  [innerHTML]="column.title |translate"> </th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let b of brands;let $index = index;">
          <td>
            <a href="javascript:void(0);" [ngClass]="{'ui circular label':true,'yellow color-w':$index==0,'grey color-w':$index==1,'orange color-w':$index==2}">{{$index + 1}}</a>
          </td>
          <td>
            <a class="brandLink normal" href="javascript:;" [title]="b.brandName">{{b.brandName}}</a>
          </td>
          <!--  日销  -->
          <td><span class="tm-yen">¥</span>{{b.sellMoney | bigNum}}</td>
          <td>{{b.sellAmount | number:0}}</td>
          <!-- 月销 -->
          <td><span class="tm-yen">¥</span>{{b.monthSellMoney | bigNum}}</td>
          <td>{{b.monthSellAmount | number:0}}</td>
        </tr>
      </tbody>
    </table>
  </div>
</section>
